@media only screen and (max-width:1200px){   /*****************小于1200***************/
    .box_center{
        width:100vw !important;
        margin: 0px !important;
    }

    header{
        padding: 1.5vw 3vw 0.5vw 3vw;
        width: 94vw;
    }

    header.show{
        padding: 0vw 1.5vw;
        width:97vw;
    }

    header .pc.header .nav{
        width:76.5vw;
        justify-content: space-between;
    }

    header.show .pc.header .nav{
        width:79.5vw;
    }

    .index .box_center ul.product{
        justify-content: space-between;
    }

    .index .box_center ul.product li{
        width:32.5vw;
        height:35.667vw;
    }

    .index .story .story_position{
        top:6vw;
        left: 5.5vw;
    }

    .index .story .story_position .content{
        margin: 5vw 0 1.5vw 0;
    }

    .index .box_center .back{
        height:77.5vw;
    }

    footer .box_center div p{
       text-align: center;
    }

    #join .join_1,#join .join_3 ,#talent_son ,#product{
        width:96vw !important;
        margin: 0 2vw !important;
    }

    .start {
        justify-content: center;
        width: 80% !important;
        left: 10% !important;
    }

    #new_list .ul .li .month{
        font-size: 5.5vw;
    }

    #new_list .ul .li .year{
        font-size: 3vw;
    }

    #new_list .ul .li .content{
        line-height: 40px;
        padding: 0 10px;
    }

    .product.box_center{
        width: 80% !important;
    }

    #product_list{
        padding-top: 10vw;
    }

    #product_list ul.product_list li .content p{
        font-size: 24px;
        line-height: 30px;
    }

    #story .story_2 .box{
        top:5vw;
    }

    #story .story_2 .box .title{
        font-size: 3vw;
        line-height: 4vw;
    }

    #story .story_2 .box .content{
        font-size: 1.6vw;
        line-height: 2vw;
        margin-top: 3.5vw;
    }

    #story .story_3 img{
        height: 41.166vw;
    }

    #story .story_4 img{
        height: 51.75vw;
    }

    #story .story_5 img{
        height: 37.416vw;
    }

    html, body, #container {
        height: 52.5vw !important;
    }
}



@media only screen and (max-width:1000px){  /*****************小于1000***************/
    *{
/*        font-size: 12px;
        line-height:16px;*/
    }

    header .pc.header ul.nav li a:nth-of-type(1) {
        font-size: 16px;
        font-weight: 200;
    }

    header .pc.header ul.nav li.show a{
        font-size: 16px !important;
    }

    .index .box_center ul.product li img{
        width:80% !important;
    }

    .index .box_center ul.product li:hover img{
        width:90% !important;
    }

    .index .box_center .back div{
        width:43.8vw;
        right: 5.6vw;
    }

    .index .box_center .back div img{
        width:100%;
    }

    .index .box_center ul.product li div{
        position: absolute;
        bottom: 0px;
    }

    #join .join_2 .ul{
        justify-content: inherit;
        flex-wrap: wrap;
    }

    #join .join_2 .ul img{
        width: 16.66vw;
        height: 35.3vw;
    }
}


@media only screen and (max-width:800px){  /*****************小于800***************/
    #index{
        padding-bottom: 100vw !important;
    }

    header{
        padding: 0px;
        width:100vw;
 /*       height:11.1vw;*/
    }

    header.show{
        padding: 0px;
        width:100vw;
    }
    .pc{
        display: none !important;
    }

    .web{
        display: inline-block !important;
    }

    .index .join .box_center .title{
        margin:0px;
    }

    .index .story .story_position span.title{
        font-size: 4.5vw;
    }

    .index .story .story_position .content{
        font-size: 3.5vw;
        line-height: 4vw;
    }

    #index .join{
        bottom: 3vw !important;
    }

    .index .join .mobile{
        font-size: 4vw;
        padding: 2.8vw 5.8vw;
        line-height: 10vw;
    }

    .index .join .mobile_box{
        margin-bottom: 10vw;
    }

    #join .join_1{
        width: 96vw;
        padding: 0 2vw;
    }

    #join .join_1 ul{
        width: 96vw;
    }

    #join .join_1 ul li{
        width: 100%;
    }

    #join .join_2 {
        background: #2dbad8;
        padding: 6vw 0;
    }

    #join .join_2 .ul img{
        width: 33vw;
        height: 69.75vw;
    }

    #join .join_3 .ul input[type="text"] , #join .join_3 .ul input[type="date"]{
        width:13%;
    }

    #product .product.box_center .right{
        float:none;
    }

    .product.box_center{
        width:95% !important;
        text-align: center;
    }

    #product .product.box_center .left, #product .product.box_center .right {
        width: auto;
        position: static;
    }

    #product .product.box_center .left *{
        text-align: left;
    }

    #product .product.box_center .right img{
        width: 70vw;
    }

    #product_list .header p a{
        padding: 2.125% 9.875%;
        font-size: 3.5vw;
        margin: 0 2vw;
    }

    #product_list ul.product_list li .content p{
        font-size: 3vw;
        line-height: 25px;
    }

    #story .story_2{
        overflow: hidden;
    }

    #story .story_2 img:nth-of-type(1){
       width:100vw;
        background: rgba(255,255,255,0.5);
        position: absolute;
        top:0px;
        left:0px;
        z-index: -1;
        opacity: 0.3;
    }

    #story .story_2 img:nth-of-type(2){
        width:100vw;
        position: relative;
    }

    #story .story_2 .box{
        position: static;
        margin: 3vw 20vw;
    }

    #story .story_2 .box .title {
        font-size: 24px;
        line-height: 30px;
    }

    #story .story_2 .box .content {
        font-size: 14px;
        line-height: 18px;
        margin-top: 3.5vw;

    }

    #story .story_3 ,#story .story_4 ,#story .story_5{
        display: block;
    }

    #story .story_3 img ,#story .story_4 img ,#story .story_5 img{
        width: 96vw !important;
        margin: 0 2vw;
        height: auto;
        display: block;
    }

    #new_list .ul .li .content{
        line-height: 25px;
    }

    #talent .talent_1 img{
        margin-bottom: 4vw;
    }

    #talent .talent_1 table th{
        font-size: 16px;
    }

    #talent .talent_1 table td {
        font-size: 14px;
        line-height: 20px;
    }

    #talent .talent_3 p {
        font-size: 20px;
        line-height: 40px;
    }

    #story #story_history div.box{
        overflow-x: scroll;
    }

    #story #story_history div.box .before, #story #story_history div.box .after{
        display: none;
    }
}


@media only screen and (max-width:750px) {    /*****************小于750***************/
    .index .join img{
        width:85vw;
    }

    footer {
        padding: 6vw 0 3.6vw 0 !important;
    }

    #join .join_2 .img{
        width:80vw;
    }

    #join .join_3 .ul .list{
        justify-content: inherit;
        flex-wrap: wrap;
    }

    #join .join_3 .ul:nth-of-type(1) .list div{
        width:calc(50% - 20px);
    }

    #join .join_3 .ul:nth-of-type(1) .list div:nth-of-type(3){
        width:calc(50% - 20px);
        padding: 8px 10px ;
        display: flex;
        text-align: left;
    }
    #join .join_3 .ul:nth-of-type(1) .list div:nth-of-type(3) *{
        width:auto;
        padding:0px;
    }
    #join .join_3 .ul:nth-of-type(1) .list div:nth-of-type(3)  .female{
        margin: 0 15px;
    }

    #join .join_3 div:nth-of-type(2).ul .list{
        display: flex;
        justify-content: space-between;
    }

    #join .join_3 .ul:nth-of-type(4) .list div{
        width: calc( 33% - 20px);
    }

    .start {
        justify-content: inherit;
        width: 90% !important;
        left: 5% !important;
    }

    #new_son .left{
        display: none;
    }

    #new_son .box{
        width:96vw;
        padding: 0 2vw;
    }

    #new_son .box .date{
        display: inline-block;
        font-size: 14px;
    }

    #new_list img.img{
        width:90vw;
    }
}

@media only screen and (max-width:550px) { /*****************小于550***************/
    #index{
        padding-bottom: 120vw !important;
    }

    .index .join .list ul li{
        font-size: 13px;
    }

    .index .join .list ul li:nth-of-type(1){
        font-size: 16px;
    }

    #join .img{
        width:95vw;
    }

    #product .product.box_center .right img{
        width: 85vw;
    }

    #talent .talent_2 img ,#talent .talent_1 img ,#join .join_1 img{
        width: 95vw;
    }
}

    @media only screen and (max-width:500px) {
        /*****************小于500***************/
        #index {
            padding-bottom: 130vw !important;
        }

        .index .box_center ul.product {
            justify-content: inherit;
            flex-wrap: wrap;
        }

        .index .box_center ul.product li {
            width: 100vw;
            height: 107.268vw;
        }

        #join .join_3 .ul:nth-of-type(4) .list div{
            width: calc( 100% - 20px);
            margin-bottom: 10px;
        }

        #talent .talent_3 p {
            font-size: 16px;
        }
    }

        @media only screen and (max-width:400px) {
            #index{
                padding-bottom: 500px !important;
            }
        }